   * {
     box-sizing: border-box;
     font-family: 'ali-400' !important;
   }

   @font-face {
     font-family: "ali-400";
     font-weight: 400;
     src: url("//at.alicdn.com/wf/webfont/FaLE5aVpRlEQ/dTxx2MsKsAAS.woff2") format("woff2"),
       url("//at.alicdn.com/wf/webfont/FaLE5aVpRlEQ/bJKQTEcPtpjT.woff") format("woff");
     font-display: swap;
   }

   @font-face {
     font-family: "ali-600";
     font-weight: 600;
     src: url("//at.alicdn.com/wf/webfont/FaLE5aVpRlEQ/3QTra5vRvubb.woff2") format("woff2"),
       url("//at.alicdn.com/wf/webfont/FaLE5aVpRlEQ/gL3dqCPNaV0s.woff") format("woff");
     font-display: swap;
   }

   body {
     margin: unset;
     padding: unset;
     font-size: 16px;
   }

   .CDynamicForm {
    @extend body
   }

   body::-webkit-scrollbar {
     width: 5px;
   }

   body::-webkit-scrollbar-track {
     background: rgb(0, 0, 0);
     border-radius: 10px;
   }

   body::-webkit-scrollbar-thumb {
     background: rgb(60, 60, 60);
     border-radius: 10px;
   }

   body::-webkit-scrollbar-thumb:hover {
     background: rgb(100, 100, 100);
     border-radius: 10px;
   }

   body::-webkit-scrollbar-thumb:active {
     background: rgb(68, 68, 68);
     border-radius: 10px;
   }

   .ChatPreList {
     @extend body
   }


   .n-layout-sider--collapsed {
     .n-layout-toggle-button {
       right: -15px !important;
     }
   }

   @media screen and (max-width: 800px) {
     .n-layout-toggle-button {
       right: 15px !important;
     }
   }

   .n-form--inline {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
   }

   .n-form-item {
     width: 49% !important;
     margin-right: 0 !important;
   }

   @media screen and (max-width: 800px) {
     .n-form-item {
       width: 100% !important;
     }
   }

   $siderbar-bg: unset;
   $chatcontent-bg: unset